/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/*	Stuf
	------	*/

body {
	background: #e9eaeb;
	font: 12px/16px Helvetica, Arial, sans-serif;
}


#freetile-demo {
	margin: 0px auto;
	
}
.logo{
	width:1200px;
	margin:0 auto;
	height:60px;
	
}
.logo span{
	display:inline-block;
	vertical-align:middle;
	width:182px;
	height:56px;
	margin-right:20px;
	background:url("../images/logo.png") center no-repeat;
	
}
.logo h2{
	display:inline-block;
	vertical-align:middle;
	line-height:60px;
}
.test {
	/*background: #eceeef;*/
	/*border: 1px solid #ccc;*/
	margin: 30px auto;
	width:1200px;
}

.third.test {
	float: left;
	clear: right;
	width: 80px;
}

.fourth.test {
	clear: both;
	width: 100%;
}

.empty.test {
	padding: 0 0 14px 0;
	background: #efeff1;
}

.test.loading {
	height: 32px;
	background: #efeff1 url(loader-alt.gif) center no-repeat;
}

.element {
	background: #FFF;
	border:#ccc 1px solid;
	margin-right: 1px;
	margin-bottom: 1px;
}
#top{
	position:fixed;
    top:0px;
    left:0px;
	right: 0;
	bottom: 0;
	/*display: none;*/
    opacity:0.8;
    width:100%;
    height:100%;
    background:#767676;
	z-index:99;
}
#console{
	/*display: none;*/
	/* position:absolute;
	top:20%;
	left:20%; */
	width:60%;
	height:400px;
	margin:10px auto;
    background:#FFF;
	z-index:999;
	border-radius: 5px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	border: 1px solid rgba(0, 0, 0, .2);
}
#console h2{
	margin: 0;
    background: #f5f5f5;
	color:#000;
    height: 40px;
	padding-left: 30px;
	line-height: 40px;
	font-weight: bold;
	font-size: 16px;
}
#console .content{
	padding-left: 30px;
	padding-right: 30px;
	margin: 20px 0;
	
}
#console .content .item{
	display:none;
	font-size:16px;
	color:#000;
	font-family:微软雅黑;
	border-bottom:1px solid #cccccc;
	line-height: 36px;
}
.item .progress{
	display: inline-block;
	vertical-align: middle;
	width: 300px;
	float: right;
	margin: 0;
	margin-top: 14px;
	height: 12px;
}
.item span{
	display:none
}
#console font{
	float:right;
	font-size:20px;
	font-family:微软雅黑;
	margin-right:20px;
}
#console font.right{
	color:#0F0;
}
#console font.error{
	color:#F00;
}
/*local style*/
.icon-checked{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 8px 10px;
	background: url("../images/checked.png") center no-repeat;
}
.icon-error{
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 8px 10px;
	background: url("../images/error.png") center no-repeat;
}
.content .icon-checked,
.content .icon-error{
	float: right;
}
table td,table th{
	line-height:30px!important;
}
textarea{
	width:100%;
	height:400px
}